iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
1
自我挑戰組

JavaScript基礎介紹 for 30天系列 第 4

第四天 JavaScript 資料型別(陣列 Array )

  • 分享至 

  • xImage
  •  

陣列(Array)

今天緊接著我們來看看什麼是陣列。
陣列是一個有順序的集合,目前沒有規定只能放什麼東西進去,它可以是原始的資料類型、函式(function) 或者是在一個陣列(Array) , 通常這種我們會稱為二維陣列,那如果二維陣列裡面再放一個陣列的話,那會是什麼呢? 答案是三維陣列,其實完全取決你放了多少陣列在陣列裡面,所以其實可以叫做 N 維陣列。

建立陣列

那我們來看看如何建立一個陣列

// method 1
var ary = new Array()

// method 2
var ary = ["jojo", "jerry", "ken"]

取得陣列裡的元素

如果你要從陣列裡面取得想要的元素,需要用到 [] 加上索引值就行了。

var ary = ["jojo", "jerry", "ken"]
var firstPerson = ary[0] // 可以將陣列裡面第一個字串指定給左邊的變數
console.log(firstPerson) // 印出jojo

注意:陣列是以 0 開始索引,因此陣列中的第一個元素是 0

那如果想在陣列裡面加東西呢?

我們可以使用 array.push() 這個方法。

var ary = ["jojo", "jerry", "ken"] // 原本的陣列
ary.push("rick") // 要加入的元素
console.log(ary) // 印出["jojo", "jerry", "ken","rick"]

注意:push()方法是將元素放到陣列裡面最後的位置

最後我們來介紹一個陣列另外一個方法 length()

JavaScript 的陣列實際上把元素存放成標準的物件屬性,並使用陣列的索引作為屬性的名稱。length 屬性很特別;他永遠會返回比保存在陣列中的最高索引值再高一的值︰

var cats = [];
cats[30] = ['Dusty'];
print(cats.length); // 31

你也可以把值代入給 length 屬性。寫下小於陣列中已存放的項目的數目,就會把其他的元素刪掉;如果寫下 0 就會把整個陣列完全清空︰

var cats = ['Dusty', 'Misty', 'Twiggy'];
print(cats.length); // 3

cats.length = 2;
print(cats); // 輸出 "Dusty,Misty" - Twiggy 被移除了

cats.length = 0;
print(cats); // 什麼也沒輸出;cats 陣列是空的

相信大家都對陣列都有一個基本認識了,那我們明天見囉

參考資料


上一篇
第三天 JavaScript 資料型別(數字、null、undefined)
下一篇
第五天 JavaScript 運算式與運算子
系列文
JavaScript基礎介紹 for 30天24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言